forum

Home / DeveloperSection / Forums / Selecting element by data attribute with jQuery?

Ask Question
Utpal Vishwas

Utpal Vishwas

Follow
I am Utpal Vishwas from Uttar Pradesh. Have completed my B. Tech. course from MNNIT campus Prayagraj in 2022. I have good knowledge of computer networking.

Can you answer this question?

Answer

1 Answers

Aryan Kumar

Aryan Kumar

01-Aug-2023

Sure, here is how to select an element by data attribute with jQuery:

JavaScript

// Select the element with the data-name attribute of "my-name"
var element = $("[data-name='my-name']");

The element variable will contain a reference to the element with the data-name attribute of "my-name".

Here is an example of how to use this code:

HTML

<html>
<body>

<div data-name="my-name">This is a div with the data-name attribute of "my-name"</div>
<div data-name="other-name">This is a div with the data-name attribute of "other-name"</div>

<script>
// Select the element with the data-name attribute of "my-name"
var element = $("[data-name='my-name']");

// Do something with the element
console.log(element);
</script>

</body>
</html>

This code will create two div elements, one with the data-name attribute of "my-name" and one with the data-name attribute of "other-name". The console.log() method will print the element with the data-name attribute of "my-name" to the console.

MindStick Training

Liked By